<template>
  <div>
    <ul>
      <li :style="{fontSize:'30px',color:'hotpink'}" v-for="(item,index) in arr" :key="index">
          {{ item }}
      </li>
    </ul>
    <button :style="{fontSize:'30px'}"  @click="fn">走一走</button>
  </div>
</template>

<script>
export default {
    data(){
      return{
        arr:['帅哥','美女','程序猿']
      }
    },
    methods:{
      fn(){
        this.arr.reverse()
      }
      
    }
}
</script>

<style>

</style>